
	<template>
	  <view class="content">
		<image class="logo" src="/static/logo.png" />
		<view class="text-area">
		  <text class="title">{{ title }}</text>
		</view>
		<tm-sheet>
			<tm-text :font-size="24" _class="text-weight-b" label="卡片可以完全通过插槽自定义"></tm-text>
		</tm-sheet>
		<tm-button color="pink" :margin="[10]" :shadow="0" size="large" label="按钮"> </tm-button>
		<!-- <view-section>
			<template>
				<block-title content="测试数据11" :styleObj="{padding: '10px'}"></block-title>
				<tm-button color="pink" :margin="[10]" :shadow="0" size="large" label="按钮"> </tm-button>
				<icon-section :iconList="iconList"></icon-section>
			</template>
		</view-section> -->
		<!-- <view-detail title="标题111" date="2023-05-16" subTitle="小标题111">
			<view>主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工</view>
			<view>主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工主要内容聂工</view>
		</view-detail> -->
		<!-- <view-state label="租客状态" type="公司类型" state="在足中"></view-state> -->
		<new-list-image :listArr="listArr" headTitle="物业通知"></new-list-image>
	  </view>
	</template>
<script setup lang="ts">
import { ref } from 'vue'
import tmButton from '@/tmui/components/tm-button/tm-button.vue'
// import tmButton from '~@/tmui/components/tm-button/tm-button.vue'
const title = ref('Hello')
const listArr = ref<any>([
	{title: '万名科技园区三区盛大开业，入驻 迎好礼！', date: '2023-10-15', subTitle: '万名云智慧园区一期', url: ''}
])
const iconList = ref([
	{label: '保修', icon: '', iconStyle: {}},
	{label: '保修1111', icon: ''},
	{label: '1111', icon: ''},
	{label: '历史1111', icon: ''},
	{label: '武德', icon: ''},
])

</script>

<style>
.content {
  display: flex;
  flex-direction: column;
 /* align-items: center;
  justify-content: center; */
}

.logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
}

.text-area {
  display: flex;
  justify-content: center;
}

.title {
  font-size: 36rpx;
  color: #8f8f94;
}
</style>
